<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%> 
 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"> 

<!--   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> -->
    <title>首页</title>


	<style type="text/css">
		.flagcolor{
			display: inline-block;
			width: 25px;
			height: 15px;
			border-radius: 5px;
			background-color: #000000;
			
		}
		h3{
			text-align: center;
		}
		canvas{
			width: 80%;
			display: block;
			margin: 0 auto;
		}
		.sort{
			width: 1000px;
			margin: 0 auto;

		}
        .mmmm{
            display: none;
            width:100% !important;
            margin: 0px;
            padding: 0px;
           position: absolute;
          border: 1px solid rgba(0,0,0,.15);
          border-radius: 4px;
           box-shadow: 0 6px 12px rgba(0,0,0,.175);
           position: relative;
           z-index: 9999;
        }
        .mmmm li{
            display: block;
            width: 100%;
            height: 50%;
             padding-left: 15px;
            line-height: 25px;
            
        }
        .mmmm li:hover{
            background-color: #f4f4f4;
        }
        .select2-container--default .select2-selection--single{
            border:1px solid #AAAAAA !important;
             border-radius: 4px;
            behavior:url('/yuxi/fream/PIE.htc');
        }

        button{background-color: #3073AD !important;color:#ffffff !important;border-radius: 4px; behavior:url('/yuxi/fream/PIE.htc');}
        input{border:1px solid #AAAAAA !important;border-radius: 4px; behavior:url('/yuxi/fream/PIE.htc'); }
	</style>
</head>
<body>
	<jsp:include  page="../Nav.jsp"/>
    <div class="container-fuild">
      <div class="row">
          <div class="col-xs-2 pr0" style="position: relative;">
          <jsp:include  page="../Menu.jsp"/>
          </div>
          <div class="col-xs-10 " style="
          padding-top: 10px;">
    	   <div class="panel panel-primary ">
    		<div class="panel-heading p0 ">
                <ol class="breadcrumb m0 nav-style">
                    <li><a href="#"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> &nbsp;首页</a></li>
                </ol>
            </div>




            <div class=" pannel-body">
                
            	<ul id="myTab" class="nav nav-tabs">
                    
                    <li class="active">
                        <a href="/#port1" data-toggle="tab" id="getStrip">
                            部门各流程待处理信息统计图
                        </a>
                    </li>

                    <li class="dropdown ">
                        <a href="#" style="display:none;" id="myTabDrop1" class="dropdown-toggle" 
                           data-toggle="dropdown">折线统计图 <b class="caret"></b>
                        </a>
                        <ul class="mmmm"  role="menu" aria-labelledby="myTabDrop1">
                            <li><a href="/#week" tabindex="-1" data-toggle="tab" id="getLine1">
                                周数统计</a>
                            </li>
                            <li><a href="/#port2" tabindex="-1" data-toggle="tab" id="getLine">
                               月数统计</a>
                            </li>
                        </ul>
                    </li>
                    <!-- <li><a href="/#port2" data-toggle="tab" id="getLine">折线统计图</a></li>-->
                    <li>
                        <a href="/#port3"
                           data-toggle="tab" id="getFanned">各部门录入信息汇总
                        </a>
                    </li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade in active" id="port1">
                        
                        <div class="form-group" style="margin-top:10px; ">
                            <div class="col-xs-2">
                                <input datepicker type="text" class="form-control datepicker" readonly="readonly" id="valStart" placeholder="请选择起始时间">
                            </div>

                            <div class="col-xs-2">
                                <input datepicker type="text" class="form-control datepicker" readonly="readonly" id="valEnd" placeholder="请选择终止时间">        
                            </div>
                            <div class="col-xs-1">
                                <button type="button" class="btn btn-primary" id="search">查询</button>
                            </div>
                        </div>
                              
                        <div class="panel panel-body">
                            <div class="form-group" id="cpo1">     

                            </div>
                        </div>
                    </div>
                   	 
                   <!--     <div class="tab-pane fade " id="port2">
                   
                                           <div class="panel panel-body">
                                              
                                               <div class="form-group" id="cpo2">
                                                   
                                               </div>
                                           </div>
                                       </div>
                   
                   
                                           <div class="tab-pane fade " id="week">
                   
                                           <div class="panel panel-body">
                                               <div class="form-group" id="week1">
                                                  
                                               </div>
                                           </div>
                                       </div> -->
                    <div class="tab-pane fade " id="port3">
                                              
                        <div class="form-group" style="margin-top:10px; ">
                            <div class="col-xs-2">
                                <input datepicker type="text" class="form-control datepicker" readonly="readonly" id="valStart1" placeholder="请选择起始时间">
                            </div>

                            <div class="col-xs-2">
                                <input datepicker type="text" class="form-control datepicker" readonly="readonly" id="valEnd1" placeholder="请选择终止时间">        
                            </div>
                            <div class="col-xs-1">
                                <button type="button" class="btn btn-primary" id="search1">查询</button>
                            </div>
                        </div>
                        <div class="panel panel-body">
                            <div class="form-group" id="cpo3">
                                
                            </div>
                        </div>
                    </div>
                </div>

            </div>


    	   </div>

        </div>
   
    </div>
</div>

</body>


<script type="text/javascript" src="../../fream/chart.js"></script>

	
	<script type="text/javascript" src="../../js/firstController/home/index.js"></script>

</html>